legend

图例组件展现了不同系列的标记(symbol)，颜色和名字。可以通过点击图例控制哪些系列或者系列中的哪些项不显示。

组件详细配置项如下，每个配置项都有一个默认值：

        data: undefined, // {Array<string>} 需与series中的name对应，否则将不显示相应图例
        show: true, // {Boolean} 是否显示图例
        left: '40%', // {string|number} 图例左上角位置left
        top: '10%', // {string|number} 图例左上角位置top
        align: 'left', // {string} 图例中图标位于文字左边还是右边 'left' | 'right'
        orient: 'horizontal', // {string} 图例列表的布局朝向。 'horizontal' | 'vertical'
        inactiveColor: '#ccc', // {string} 图例关闭时的颜色。
        verticalGap: 5, // {number} 每项图例之间的垂直间距
        horizontalGap: 10, // {number} 每项图例之间水平的间距
        innerGap: 5, // {number} 图例内图标与文字间距

        // 图标
        symbol: {
            type: undefined, // {string} 图标类型 'line' | 'rect' | 'roundRect' | 'square' | 'circle' | 'diamond' | 'pin' | 'arrow' | 'triangle'
            size: [16, 10], // {Array<number>} 图标尺寸
            color: undefined // {string} 颜色
        },
        selectedMode: 'multiple', // {string} 图例选择的模式，控制是否可以通过点击图例改变系列的显示状态。 single | multiple | true
        selected: {}, // {Object} 图例选中状态表。

        // 图例文字样式
        textStyle: {},

        formatter: undefined, // {Function} 图例内容格式化函数
        onClick: undefined, // {Function} 图例点击事件

        zlevel: 0, // {number} 所有图形的 zlevel 值
        z: 8 // {number} 组件的所有图形的z值。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。